﻿@model ScadaWeb.Web.Areas.Scada.Models.WebDesignerModel
<div class="modal   fade" role="dialog" id="DynamicChartProperties" tabindex="-1" aria-labelledby="shareModalLabel" aria-hidden="true">
    <div class="modal-content">
        <div class="modal-header">
            <div class="modal-header">
                <a class="close" data-dismiss="modal">×</a>
                <h3>曲线图编辑器</h3>
            </div>
            <div class="modal-body">
                <ul id="myTab" class="nav nav-tabs">
                    <li class="active">
                        <a href="#chartbasic" data-toggle="tab">
                            图件配置
                        </a>
                    </li>
                    <li><a href="#chartdatasource" data-toggle="tab">数据源配置</a></li>
                    <li><a href="#chartdatasearch" data-toggle="tab">查询栏配置</a></li>
                    <li><a href="#ChartTitle" data-toggle="tab">标题配置</a></li>
                    <li><a href="#ChartLegend" data-toggle="tab">图例配置</a></li>
                    <li><a href="#ChartGrid" data-toggle="tab">图域配置</a></li>
                    <li><a href="#AxisX" data-toggle="tab">X坐标轴配置</a></li>
                    <li><a href="#AxisY" data-toggle="tab">Y坐标轴配置</a></li>
                    <li><a href="#ChartSerie" data-toggle="tab">曲线系列配置</a></li>

                </ul>
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade in active" id="chartbasic">
                        <div role="form" class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label class="col-sm-4 control-label">表单ID</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" readonly="readonly" id="seriechart_ID"
                                           placeholder="请输入唯一的表单ID(英文字符加数组)">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图件标题</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_Title"
                                           placeholder="请输入表格标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图件高度</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_Height"
                                           placeholder="请输入表格高度数值(像素100-1000)">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="tab-pane fade" id="chartdatasource">
                        <div role="form" class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label class="col-sm-4 control-label">选择数据源</label>
                                <div class="col-sm-8">
                                    <select class="form-control" type="text" class="form-control" id="seriechart_DataSource">
                                        <option value="">请选择数据源</option>
                                        @for (var i = 0; i < Model.DataSources.Count; i++)
                                        {
                                            <option value="@Model.DataSources[i].Id">@Model.DataSources[i].DBTitle [@Model.DataSources[i].DBType]</option>
                                        }
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">SQL语句配置</label>
                                <div class="col-sm-8">
                                    <textarea rows="10" style="width:100%" placeholder="例如:    select r1,r2,r3,r4,r5 from table where 1=1" id="seriechart_Sql">
                             
                                    </textarea>
                                </div>
                            </div>



                            <div class="form-group">
                                <label class="col-sm-4 control-label">测试</label>
                                <div class="col-sm-4">
                                    <button type="button" id="seriechartTestDatasource" class="btn btn-success">点击测试</button>
                                </div>
                                <div class="col-sm-4">

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="chartdatasearch">
                        <div role="form" class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">查询下拉框一 SQL语句配置</label>
                                <div class="col-sm-8">
                                    <textarea rows="10" style="width:100%" placeholder="例如:  select value as value,text as text from table where 1=1" id="seriechart_select1_sql">
                             
</textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">列表Value字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_select1_value_record"
                                           placeholder="下拉框value值">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">列表Text字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_select1_text_record"
                                           placeholder="下拉框显示的字段">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">对应查询表的字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_select1_record"
                                           placeholder="(对应查询表的字段)">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">开启下拉框一</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_select1_enable">开启下拉框一
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">查询下拉框二 SQL语句配置</label>
                                <div class="col-sm-8">
                                    <textarea rows="10" style="width:100%" placeholder="例如:  select value as value,text as text from table where 1=1" id="seriechart_select2_sql">
       
</textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">列表Value字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_select2_value_record"
                                           placeholder="下拉框value值">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">列表Text字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_select2_text_record"
                                           placeholder="下拉框显示的字段">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">对应查询表的字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_select2_record"
                                           placeholder="(对应查询表的字段)">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">开启下拉框联动</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_select_change_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">开启下拉框二</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_select2_enable">开启下拉框二
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">开启关键字查询</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_keysearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">关键字对应查询表的字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_keysearch_record"
                                           placeholder="(对应查询表的字段)">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">开启日期范围查询</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">日期对应查询表的字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_dataesearch_record"
                                           placeholder="(日期对应查询表的字段)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade in " id="ChartTitle">
                        <div role="form" class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">显示标题</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_title_color" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题大小</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_size">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题字体的风格</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_font_style">
                                        <option value="normal">normal</option>
                                        <option value="italic">italic</option>
                                        <option value="oblique">oblique</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题字体的粗细</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_font_weight">
                                        <option value="normal">normal</option>
                                        <option value="bold">bold</option>
                                        <option value="bolder">bolder</option>
                                        <option value="lighter">lighter</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题字体的样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_font_family">
                                        <option value="normal">sans-serif</option>
                                        <option value="bold">serif</option>
                                        <option value="bolder">monospace</option>
                                        <option value="lighter">Arial</option>
                                        <option value="lighter">Courier New</option>
                                        <option value="lighter">Microsoft YaHei</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题背景颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="transparent" id="seriechart_title_back_color" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题边框颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_title_border_color" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题边框宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_border_width">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题边框圆角</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_border_roundradious">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题文字描边宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_shadowwidth">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题文字描边类型</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_shadowstyle">
                                        <option value="solid">solid</option>
                                        <option value="dashed">dashed</option>
                                        <option value="dotted">dotted</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题文字阴影模糊度</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_title_shadowblur" value="0"
                                           placeholder="1-20">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题文字阴影偏移</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_title_shadowoffiset" value="3,3"
                                           placeholder="请输入XY偏移（x,y）">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题文字阴影颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_title_shadowcolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题左边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_left">
                                        <option value="auto">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题右边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_right">
                                        <option value="auto">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题上边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_top">
                                        <option value="auto">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题下边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_title_bottom">
                                        <option value="auto">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade in " id="ChartLegend">
                        <div role="form" class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">显示图例</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_legend_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_style">
                                        <option value="plain">普通图例</option>
                                        <option value="scroll">滚动图例</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例列表的布局朝向</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_orient">
                                        <option value="horizontal">水平</option>
                                        <option value="vertical">垂直</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例标记和文本的对齐</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_align">
                                        <option value="auto">auto</option>
                                        <option value="left">left</option>
                                        <option value="right">right</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例内边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_insidedistance">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例每项之间的间隔</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_itemspace">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例标记的图形宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_itemwidth">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例标记的图形高度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_itemheight">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文本颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_legend_textcolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文本大小</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_textsize">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文本字体的风格</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_textstyle">
                                        <option value="normal">normal</option>
                                        <option value="italic">italic</option>
                                        <option value="oblique">oblique</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文本字体的粗细</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_textweight">
                                        <option value="normal">normal</option>
                                        <option value="bold">bold</option>
                                        <option value="bolder">bolder</option>
                                        <option value="lighter">lighter</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文本字体的样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_textfamily">
                                        <option value="normal">sans-serif</option>
                                        <option value="bold">serif</option>
                                        <option value="bolder">monospace</option>
                                        <option value="lighter">Arial</option>
                                        <option value="lighter">Courier New</option>
                                        <option value="lighter">Microsoft YaHei</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例背景颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="transparent" id="seriechart_legend_backcolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例边框颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_legend_bordercolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例边框宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_borderwidth">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例边框圆角</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_borderroudradious">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文字描边宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_textshadowwidth">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文字描边类型</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_textshadowstyle">
                                        <option value="solid">solid</option>
                                        <option value="dashed">dashed</option>
                                        <option value="dotted">dotted</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文字阴影模糊度</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_legend_textshadowblur" value="0"
                                           placeholder="1-20">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文字阴影偏移</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_legend_textshadowoffiset" value="3,3"
                                           placeholder="请输入XY偏移（x,y）">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例文字阴影颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_legend_textshadowcolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例左边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_left">
                                        <option value="auto">auto</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例右边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_right">
                                        <option value="auto">auto</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例上边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_top">
                                        <option value="auto">auto</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">图例下边距</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_legend_bottom">
                                        <option value="auto">auto</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade in " id="ChartGrid">
                        <div role="form" class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label"></label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <button type="button" id="seriechart_grid_add" class="btn btn-success">添加区域</button>
                                        <button type="button" id="seriechart_grid_del" class="btn btn-success">删除区域</button>
                                        <button type="button" id="seriechart_grid_empty" class="btn btn-success">清空区域</button>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">已存在区域列表</label>
                                <div class="col-sm-8">
                                    <select class="form-control" multiple style="height:200px;width:100%;" id="seriechart_grid"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">显示网格</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_grid_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">网格背景颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_grid_backcolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">网格线颜色</label>
                                <div class="col-sm-8">

                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_grid_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">网格线宽</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_grid_linewidth">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">阴影模糊</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_grid_shadowblur">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">阴影颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_grid_shadowcolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">阴影XY偏移</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_grid_shadowoffiset"
                                           placeholder="请输入表格高度数值(像素100-1000)">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">左边距(%或者是像素)</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_grid_left">
                                        <option value="auto">auto</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">右边距(%或者是像素)</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_grid_right">
                                        <option value="auto">auto</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">上边距(%或者是像素)</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_grid_top">
                                        <option value="auto">auto</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">区域高度(%或者是像素)</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_grid_bottom">
                                        <option value="auto">auto</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="2%">2%</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="9%">9%</option>
                                        <option value="10%">10%</option>
                                        <option value="12%">12%</option>
                                        <option value="15%">15%</option>
                                        <option value="17%">17%</option>
                                        <option value="20%">20%</option>
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="tab-pane fade in " id="ChartAxisX">
                        <div role="form" class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label"></label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <button type="button" id="seriechart_axixx_add" class="btn btn-success">添加坐标轴</button>
                                        <button type="button" id="seriechart_axixx_del" class="btn btn-success">删除坐标轴</button>
                                        <button type="button" id="seriechart_axixx_empty" class="btn btn-success">清空坐标轴</button>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">已存在坐标轴列表</label>
                                <div class="col-sm-8">
                                    <select class="form-control" multiple style="height:200px;width:100%;" id="seriechart_axixxs"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">显示坐标轴</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴所在的网格</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_gridindex">
                                        <option value="Grid1">Grid1</option>
                                        <option value="Grid2">Grid2</option>
                                        <option value="Grid3">Grid3</option>
                                        <option value="Grid4">Grid4</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴的名称</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_name" value="0"
                                           placeholder="坐标轴的名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称位置</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_namelocation">
                                        <option value="end">end</option>
                                        <option value="start">start</option>
                                        <option value="middle">middle</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixx_namecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称大小</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_namesize">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称字体的风格</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_namestyle">
                                        <option value="normal">normal</option>
                                        <option value="italic">italic</option>
                                        <option value="oblique">oblique</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称字体的粗细</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_nameweight">
                                        <option value="normal">normal</option>
                                        <option value="bold">bold</option>
                                        <option value="bolder">bolder</option>
                                        <option value="lighter">lighter</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称字体的样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_namefamily">
                                        <option value="normal">sans-serif</option>
                                        <option value="bold">serif</option>
                                        <option value="bolder">monospace</option>
                                        <option value="lighter">Arial</option>
                                        <option value="lighter">Courier New</option>
                                        <option value="lighter">Microsoft YaHei</option>
                                    </select>
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称水平对齐方式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_namealgin">
                                        <option value="left">left</option>
                                        <option value="center">center</option>
                                        <option value="right">right</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称垂直对齐方式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_namevalgin">
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称与轴距离</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_namedistance">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称旋转角度</label>
                                <div class="col-sm-8" id="seriechart_axixx_namerotate">
                                    <select class="form-control">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                        <option value="45">45</option>
                                        <option value="60">60</option>
                                        <option value="90">90</option>
                                        <option value="125">125</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴是否翻转</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true" id="seriechart_axixx_namerevese">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴最小值</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_minvalue" value="null"
                                           placeholder="请输入大小dataMin,null">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴最大值</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_maxvalue" value="null"
                                           placeholder="请输入大小dataMax ,null">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否是脱离 0 值比例</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_scale">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴的分割段数</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_splitnumber">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">自动计算的坐标轴最小间隔大小</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_mininterval" value="1" placeholder="例如可以设置成1保证坐标轴分割刻度显示成整数">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">自动计算的坐标轴最大间隔大小</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_maxinterval" value="1" placeholder="在时间轴（（type: 'time'））可以设置成 3600 * 24 * 1000 保证坐标轴分割刻度最大为一天">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">强制设置坐标轴分割间隔</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_interval" value="5">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">对数轴的底数</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_logbase" value="10" placeholder="对数轴的底数，只在对数轴中（type: 'log'）有效">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标自动对齐刻度</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_alignticks">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴的位置</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_position">
                                        <option value="top">top</option>
                                        <option value="bottom">bottom</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴的位移</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_offset" value="0"
                                           placeholder="请输入表格标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标开启实时排序</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_realtimesort">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴类型</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_type">
                                        <option value="value">数值轴</option>
                                        <option value="category">类目轴</option>
                                        <option value="time">时间轴</option>
                                        <option value="log">对数轴</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示坐标轴轴线</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_line_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线的是否在0刻度上</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_line_onzero">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线两边的箭头</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_line_symbol">
                                        <option value="vanonelue">none</option>
                                        <option value="arrow">arrow</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线两边的箭头的大小（宽度和高度）10, 15 </label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_line_symbolsize" value="0"
                                           placeholder="10, 15 ">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_linewidth">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixx_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线类型</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_linetyle">
                                        <option value="solid">solid</option>
                                        <option value="dashed">dashed</option>
                                        <option value="dotted">dotted</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示刻度</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_axistick_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度与标签是否对齐</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_axistick_alignwithlabel">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度的显示间隔</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axistick_interval">
                                        <option value="auto">auto</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度是否朝内</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_axistick_inside">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度线长度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axistick_linelength">

                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5" selected>5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axistick_linewidth">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度线颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixx_axistick_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示次刻度</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_minortick_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">次刻度线分割数</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_minortick_splitnumber">

                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5" selected>5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">次刻度线长度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_minortick_length">

                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5" selected>5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">次刻度线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_minortick_linewidth">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">次刻度线颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixx_minortick_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否轴刻度标签</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_axislabel_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签显示间隔</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axislabel_interval">
                                        <option value="auto">auto</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签显旋转角度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axislabel_rotate">
                                        <option value="1">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="45">45</option>
                                        <option value="90">90</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签与轴线之间的距离</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axislabel_margin">

                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8" selected>8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="45">45</option>
                                        <option value="90">90</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签是否朝内</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_axislabel_inside">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签格式化</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axislabel_formatter">
                                        <option value="">自动</option>
                                        <option value="{yyyy}">例：2020, 2021</option>
                                        <option value="{yyyy}-{MM}}">例：2020-01</option>
                                        <option value="{yyyy}-{MM}-{dd}">例：2020-01-10</option>
                                        <option value="{yyyy}-{MM}-{dd} {HH}:{mm}">例：2020-01-10 00:00</option>
                                        <option value="{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}">例：2020-01-10 00:00:00</option>
                                        <option value="{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}">例：2020-01-10 00:00:00</option>
                                        <option value="{year: '{yyyy}',month: '{MMM}',day: '{d}',hour: '{HH}:{mm}',minute: '{HH}:{mm}', second: '{HH}:{mm}:{ss}',}">例：2020-01-10 00:00:00 分级显示</option>


                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixx_axislabel_color" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签字体大小</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixx_axislabel_textsize" value="16"
                                           placeholder="请输入大小">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签字体的风格</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axislabel_textstyle">
                                        <option value="normal">normal</option>
                                        <option value="italic">italic</option>
                                        <option value="oblique">oblique</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签字体的粗细</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axislabel_textweight">
                                        <option value="normal">normal</option>
                                        <option value="bold">bold</option>
                                        <option value="bolder">bolder</option>
                                        <option value="lighter">lighter</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签字体的样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_axislabel_textfamily">
                                        <option value="normal">sans-serif</option>
                                        <option value="bold">serif</option>
                                        <option value="bolder">monospace</option>
                                        <option value="lighter">Arial</option>
                                        <option value="lighter">Courier New</option>
                                        <option value="lighter">Microsoft YaHei</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示轴分割线</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_splitline_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴分隔线的显示间隔</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_splitline_interval">
                                        <option value="auto">自动计算</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="45">45</option>
                                        <option value="90">90</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴分隔线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_splitline_linewidth">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴分隔线颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixx_splitline_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴分隔线类型</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixx_splitline_linestyle">
                                        <option value="solid">solid</option>
                                        <option value="dashed">dashed</option>
                                        <option value="dotted">dotted</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示轴刻度分割区域</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixx_splitarea_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴刻度分割区域填充颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixx_splitarea_areacolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                    <div class="tab-pane fade in " id="ChartAxisY">
                        <div role="form" class="form-horizontal col-md-12">
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label"></label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <button type="button" id="seriechart_axixy_add" class="btn btn-success">添加坐标轴</button>
                                        <button type="button" id="seriechart_axixy_del" class="btn btn-success">删除坐标轴</button>
                                        <button type="button" id="seriechart_axixy_empty" class="btn btn-success">清空坐标轴</button>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">已存在坐标轴列表</label>
                                <div class="col-sm-8">
                                    <select class="form-control" multiple style="height:200px;width:100%;" id="seriechart_axixys"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">显示坐标轴</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴所在的网格</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_gridindex">
                                        <option value="Grid1">Grid1</option>
                                        <option value="Grid2">Grid2</option>
                                        <option value="Grid3">Grid3</option>
                                        <option value="Grid4">Grid4</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴的名称</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_name" value="0"
                                           placeholder="坐标轴的名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称位置</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_namelocation">
                                        <option value="end">end</option>
                                        <option value="start">start</option>
                                        <option value="middle">middle</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixy_namecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称大小</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_namesize">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称字体的风格</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_namestyle">
                                        <option value="normal">normal</option>
                                        <option value="italic">italic</option>
                                        <option value="oblique">oblique</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称字体的粗细</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_nameweight">
                                        <option value="normal">normal</option>
                                        <option value="bold">bold</option>
                                        <option value="bolder">bolder</option>
                                        <option value="lighter">lighter</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称字体的样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_namefamily">
                                        <option value="normal">sans-serif</option>
                                        <option value="bold">serif</option>
                                        <option value="bolder">monospace</option>
                                        <option value="lighter">Arial</option>
                                        <option value="lighter">Courier New</option>
                                        <option value="lighter">Microsoft YaHei</option>
                                    </select>
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称水平对齐方式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_namealgin">
                                        <option value="left">left</option>
                                        <option value="center">center</option>
                                        <option value="right">right</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称垂直对齐方式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_namevalgin">
                                        <option value="top">top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称与轴距离</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_namedistance">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴名称旋转角度</label>
                                <div class="col-sm-8" id="seriechart_axixy_namerotate">
                                    <select class="form-control">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                        <option value="45">45</option>
                                        <option value="60">60</option>
                                        <option value="90">90</option>
                                        <option value="125">125</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴是否翻转</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true" id="seriechart_axixy_namerevese">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴最小值</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_minvalue" value="null"
                                           placeholder="请输入大小dataMin,null">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴最大值</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_maxvalue" value="null"
                                           placeholder="请输入大小dataMax ,null">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否是脱离 0 值比例</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_scale">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴的分割段数</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_splitnumber">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">自动计算的坐标轴最小间隔大小</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_mininterval" value="1" placeholder="例如可以设置成1保证坐标轴分割刻度显示成整数">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">自动计算的坐标轴最大间隔大小</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_maxinterval" value="1" placeholder="在时间轴（（type: 'time'））可以设置成 3600 * 24 * 1000 保证坐标轴分割刻度最大为一天">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">强制设置坐标轴分割间隔</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_interval" value="5">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">对数轴的底数</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_logbase" value="10" placeholder="对数轴的底数，只在对数轴中（type: 'log'）有效">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标自动对齐刻度</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_alignticks">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴的位置</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_position">
                                        <option value="top">top</option>
                                        <option value="bottom">bottom</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴的位移</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_offset" value="0"
                                           placeholder="请输入表格标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标开启实时排序</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_realtimesort">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴类型</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_type">
                                        <option value="value">数值轴</option>
                                        <option value="category">类目轴</option>
                                        <option value="time">时间轴</option>
                                        <option value="log">对数轴</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示坐标轴轴线</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_line_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线的是否在0刻度上</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_line_onzero">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线两边的箭头</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_line_symbol">
                                        <option value="vanonelue">none</option>
                                        <option value="arrow">arrow</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线两边的箭头的大小（宽度和高度）10, 15 </label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_line_symbolsize" value="0"
                                           placeholder="10, 15 ">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_linewidth">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixy_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴线类型</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_linetyle">
                                        <option value="solid">solid</option>
                                        <option value="dashed">dashed</option>
                                        <option value="dotted">dotted</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示刻度</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_axistick_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度与标签是否对齐</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_axistick_alignwithlabel">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度的显示间隔</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axistick_interval">
                                        <option value="auto">auto</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度是否朝内</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_axistick_inside">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度线长度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axistick_linelength">

                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5" selected>5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axistick_linewidth">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度线颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixy_axistick_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示次刻度</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_minortick_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">次刻度线分割数</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_minortick_splitnumber">

                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5" selected>5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">次刻度线长度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_minortick_length">

                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5" selected>5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">次刻度线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_minortick_linewidth">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">次刻度线颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixy_minortick_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否轴刻度标签</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_axislabel_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签显示间隔</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axislabel_interval">
                                        <option value="auto">auto</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签显旋转角度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axislabel_rotate">
                                        <option value="1">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="45">45</option>
                                        <option value="90">90</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签与轴线之间的距离</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axislabel_margin">

                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8" selected>8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="45">45</option>
                                        <option value="90">90</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签是否朝内</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_axislabel_inside">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签格式化</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axislabel_formatter">
                                        <option value="">自动</option>
                                        <option value="{yyyy}">例：2020, 2021</option>
                                        <option value="{yyyy}-{MM}}">例：2020-01</option>
                                        <option value="{yyyy}-{MM}-{dd}">例：2020-01-10</option>
                                        <option value="{yyyy}-{MM}-{dd} {HH}:{mm}">例：2020-01-10 00:00</option>
                                        <option value="{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}">例：2020-01-10 00:00:00</option>
                                        <option value="{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}">例：2020-01-10 00:00:00</option>
                                        <option value="{year: '{yyyy}',month: '{MMM}',day: '{d}',hour: '{HH}:{mm}',minute: '{HH}:{mm}', second: '{HH}:{mm}:{ss}',}">例：2020-01-10 00:00:00 分级显示</option>


                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixy_axislabel_color" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签字体大小</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_axixy_axislabel_textsize" value="16"
                                           placeholder="请输入大小">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签字体的风格</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axislabel_textstyle">
                                        <option value="normal">normal</option>
                                        <option value="italic">italic</option>
                                        <option value="oblique">oblique</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签字体的粗细</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axislabel_textweight">
                                        <option value="normal">normal</option>
                                        <option value="bold">bold</option>
                                        <option value="bolder">bolder</option>
                                        <option value="lighter">lighter</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">刻度标签字体的样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_axislabel_textfamily">
                                        <option value="normal">sans-serif</option>
                                        <option value="bold">serif</option>
                                        <option value="bolder">monospace</option>
                                        <option value="lighter">Arial</option>
                                        <option value="lighter">Courier New</option>
                                        <option value="lighter">Microsoft YaHei</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示轴分割线</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_splitline_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴分隔线的显示间隔</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_splitline_interval">
                                        <option value="auto">自动计算</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="30">30</option>
                                        <option value="45">45</option>
                                        <option value="90">90</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴分隔线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_splitline_linewidth">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="7">7</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="12">12</option>
                                        <option value="14">14</option>
                                        <option value="16">16</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="24">24</option>
                                        <option value="26">26</option>
                                        <option value="30">30</option>
                                        <option value="36">36</option>
                                        <option value="40">40</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴分隔线颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixy_splitline_linecolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">坐标轴分隔线类型</label>
                                <div class="col-sm-8">
                                    <select class="form-control" id="seriechart_axixy_splitline_linestyle">
                                        <option value="solid">solid</option>
                                        <option value="dashed">dashed</option>
                                        <option value="dotted">dotted</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">是否显示轴刻度分割区域</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="seriechart_axixy_splitarea_show">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">轴刻度分割区域填充颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="#305AA2" id="seriechart_axixy_splitarea_areacolor" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                    <div class="tab-pane fade in " id="ChartSerie">
                        <div role="form" class="form-horizontal col-md-12">


                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_Title"
                                           placeholder="系列名称">
                                </div>


                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label"></label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <button type="button" id="table_column_add" class="btn btn-success">添加系列</button>
                                        <button type="button" id="table_column_del" class="btn btn-success">删除系列</button>
                                        <button type="button" id="table_column_empty" class="btn btn-success">清空系列</button>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">已存在区域列表</label>
                                <div class="col-sm-8">
                                    <select class="form-control" multiple style="height:200px;width:100%;" id="table_columns"></select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列绑定X轴</label>
                                <div class="col-sm-4">

                                    <select class="form-control">
                                        <option value="">请选择网格区域</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <select class="form-control">
                                        <option value="">请选择网格区域绑定坐标轴</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列绑定Y轴</label>
                                <div class="col-sm-4">

                                    <select class="form-control">
                                        <option value="">请选择网格区域</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <select class="form-control">
                                        <option value="">请选择网格区域绑定坐标轴</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列绑定字段</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_Title"
                                           placeholder="系列名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">显示系列标记</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标记样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="none">不显示标记点</option>
                                        <option value="circle">圆点</option>
                                        <option value="rect">方形点</option>
                                        <option value="roundRect">圆角方形点</option>
                                        <option value="triangle">三角形点</option>
                                        <option value="diamond">菱形点</option>
                                        <option value="pin">针形点</option>
                                        <option value="arrow">箭头</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标记大小</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4" selected>4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                        <option value="13">13</option>
                                        <option value="14">14</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标记旋转角度</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="0" selected>0</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                        <option value="13">13</option>
                                        <option value="14">14</option>
                                        <option value="25">25</option>
                                        <option value="45">45</option>
                                        <option value="60">60</option>
                                        <option value="90">90</option>
                                        <option value="125">125</option>
                                        <option value="145">145</option>
                                        <option value="180">180</option>
                                        <option value="210">210</option>
                                        <option value="270">270</option>
                                        <option value="300">300</option>
                                        <option value="360">360</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标记相对偏移</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_Title" value="0, 0"
                                           placeholder="系列名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标记显示方式</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="auto" selected>随主轴标签间隔隐藏策略</option>
                                        <option value="true">显示所有标记</option>
                                        <option value="false">随主轴标签间隔隐藏策略</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否是堆叠图</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否连接空数据</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否是阶梯线图</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否是面积图</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否平滑曲线</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否平滑曲线</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否显示标签</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签位置</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="top" selected>top</option>
                                        <option value="left">left</option>
                                        <option value="right">right</option>
                                        <option value="bottom">bottom </option>
                                        <option value="inside">inside </option>
                                        <option value="insideLeft">insideLeft </option>
                                        <option value="insideRight">insideRight </option>
                                        <option value="insideTop">insideTop </option>
                                        <option value="insideBottom">insideBottom </option>
                                        <option value="insideTopLeft">insideTopLeft </option>
                                        <option value="insideBottomLeft">insideBottomLeft </option>
                                        <option value="insideTopRight">insideTopRight </option>
                                        <option value="insideBottomRight">insideBottomRight </option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签旋转角度</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="0" selected>0</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                        <option value="13">13</option>
                                        <option value="14">14</option>
                                        <option value="25">25</option>
                                        <option value="45">45</option>
                                        <option value="60">60</option>
                                        <option value="90">90</option>
                                        <option value="125">125</option>
                                        <option value="145">145</option>
                                        <option value="180">180</option>
                                        <option value="210">210</option>
                                        <option value="270">270</option>
                                        <option value="300">300</option>
                                        <option value="360">360</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签偏移</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_Title" value="5,5"
                                           placeholder="系列名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签显示内容</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="{a}: {b},{c}" selected>系列名+数据名+数据值</option>
                                        <option value="{b},{c}" selected>数据名+数据值</option>
                                        <option value="{c}" selected>数据值</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签文本颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="transparent" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签字体的风格</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="normal" selected>normal</option>
                                        <option value="italic">italic</option>
                                        <option value="oblique">oblique</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签字体的粗细</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="normal" selected>normal</option>
                                        <option value="bold">bold</option>
                                        <option value="bolder">bolder</option>
                                        <option value="lighter">lighter</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签字体大小</label>
                                <div class="col-sm-8">
                                    <select class="form-control">

                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                        <option value="13">13</option>
                                        <option value="14" selected>14</option>
                                        <option value="15">15</option>
                                        <option value="18">18</option>
                                        <option value="20">20</option>
                                        <option value="22">22</option>
                                        <option value="25">25</option>
                                        <option value="27">27</option>
                                        <option value="30">30</option>
                                        <option value="35">35</option>
                                        <option value="40">40</option>
                                        <option value="50">50</option>
                                        <option value="70">37060</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签水平对齐方式</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="left" selected>left</option>
                                        <option value="center">center</option>
                                        <option value="right">right</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签垂直对齐方式</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="top" selected>top</option>
                                        <option value="middle">middle</option>
                                        <option value="bottom">bottom</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列标签背景颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="transparent" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="transparent" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列线宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="1">1</option>
                                        <option value="2" selected>2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">系列线样式</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="solid" selected>solid</option>
                                        <option value="dashed">dashed</option>
                                        <option value="dotted">dotted</option>
                                        <option value="4">4</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">区域面积颜色</label>
                                <div class="col-sm-8">
                                    <div id="cp5" class="input-group colorpicker-component" title="Using format option">
                                        <input type="text" class="form-control input-lg" value="transparent" />
                                        <span class="input-group-addon"><i></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">区域面积起始位置</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="auto" selected>填充坐标轴轴线到数据间的区域</option>
                                        <option value="start">填充坐标轴底部（非 inverse 情况是最小值）到数据间的区域</option>
                                        <option value="end"> 填充坐标轴顶部（非 inverse 情况是最大值）到数据间的区域</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">柱状图系列点颜色</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="auto" selected>填充坐标轴轴线到数据间的区域</option>
                                        <option value="start">填充坐标轴底部（非 inverse 情况是最小值）到数据间的区域</option>
                                        <option value="end"> 填充坐标轴顶部（非 inverse 情况是最大值）到数据间的区域</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">柱状图宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="">自适应</option>
                                        <option value="5" selected>5</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="25">25</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="10%">10%</option>
                                        <option value="20%">20%</option>
                                        <option value="30%">30%</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">柱条的最大宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="1" selected>1</option>
                                        <option value="5">5</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="25">25</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="10%">10%</option>
                                        <option value="20%">20%</option>
                                        <option value="30%">30%</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">柱条的最小宽度</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="1" selected>1</option>
                                        <option value="5">5</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="25">25</option>
                                        <option value="30">30</option>
                                        <option value="40">40</option>
                                        <option value="3%">3%</option>
                                        <option value="4%">4%</option>
                                        <option value="5%">5%</option>
                                        <option value="7%">7%</option>
                                        <option value="10%">10%</option>
                                        <option value="20%">20%</option>
                                        <option value="30%">30%</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">饼图起始角度度</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="0" selected>0</option>
                                        <option value="5">5</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="25">25</option>
                                        <option value="30">30</option>
                                        <option value="45">45</option>
                                        <option value="90">90</option>
                                        <option value="135">135</option>
                                        <option value="180">180</option>
                                        <option value="225">225</option>
                                        <option value="270">270</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">饼图小于某角度不显示标签</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="0" selected>0</option>
                                        <option value="5">5</option>
                                        <option value="10">10</option>
                                        <option value="15">15</option>
                                        <option value="20">20</option>
                                        <option value="25">25</option>
                                        <option value="30">30</option>
                                        <option value="45">45</option>
                                        <option value="90">90</option>
                                        <option value="135">135</option>
                                        <option value="180">180</option>
                                        <option value="225">225</option>
                                        <option value="270">270</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">饼图显示成南丁格尔图</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">南丁格尔图显示方式</label>
                                <div class="col-sm-8">
                                    <select class="form-control">
                                        <option value="radius" selected>扇区圆心角展现数据的百分比，半径展现数据的大小</option>
                                        <option value="area">所有扇区圆心角相同，仅通过半径展现数据大小</option>


                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">饼图的中心（圆心）坐标</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_Title" value="50%,50%"
                                           placeholder="系列名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">饼图的半径(内半径,外半径)</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seriechart_Title" value="0%,75%"
                                           placeholder="系列名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否启用防止标签重叠策略</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="elementName" class="col-sm-4 control-label">是否在数据和为0显示扇区</label>
                                <div class="col-sm-8">
                                    <div class="checkbox">
                                        <label propertyeditable="true">
                                            <input type="checkbox" id="table_dataesearch_enable">开启
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="modal-footer"><label style="color:red; font-size:14px;" id="dynamicTable_info"></label> <a id="dynamicTable_propertiessave" class="btn btn-primary">保存</a> <a class="btn" data-dismiss="modal">关闭</a> </div>
        </div>
    </div>
</div>

